import React, { Component } from 'react';
import '../../styles/Home.scss'

import HomeHeader from "../../components/HomeHeader";
import Swipe from "../../components/Swipe";
import Entry from "../../components/Entry";
import HotShow from "../../components/HotShow";
import SpecialTopic from "../../components/SpecialTopic";
import HotArtist from "../../components/HotArtist";
import HotGroup from "../../components/HotGroup";
import Recommend from "../../components/Recommend";


class Home extends Component {
    render() {
        return (
            <div className='home'>
                <HomeHeader></HomeHeader>
                <div className="main">
                    <Swipe></Swipe>
                    <Entry></Entry>
                    <HotShow></HotShow>
                    <SpecialTopic></SpecialTopic>
                    <HotArtist></HotArtist>
                    <HotGroup></HotGroup>
                    <Recommend></Recommend>
                </div>
            </div>
        );
    }
}

export default Home;